<template>
  <div id="one">
      <p>page-1 的p标签</p>
      <p>page-1 的p标签</p>
  </div>
</template>

<script>
export default {

}
</script>

<style scoped>
/* 
    scoped 的原理  
    会给当前界面的所有标签 添加一个特有的属性   data-x-xxxxxxxx
    
    给样式这里 自动添加上属性限制  意为  当前界面的标签才可以使用这个样式

    p[data-x-xxxxxxxx]
*/
p{
    color: red;
}
</style>
